.preference-wrapper
  .wlpresets-header
    display: flex
    align-items: flex-start
    justify-content: space-between
    padding: 9px 0 9px 12px
    background: #3D4049
    border-radius: 6px

    .ant-typography
      font-size: 14px
      font-weight: 500
      color: #fff

    .header-no
      width: 40px

    .header-name
      width: 180px
      margin-right: 10px

    .header-window,
    .header-level
      flex: 1

    .header-window
      margin-right: 10px

  .wlpresets-list
    .ant-list
      &-items
        padding-left: 12px

      &-item
        padding: 0
        margin-top: 16px
        border: 0

        .item-no
          display: block
          width: 40px
          font-size: 14px
          font-weight: 500
          color: #fff

        .item-name
          width: 180px

        .ant-input,
        .ant-input-number
          margin-right: 10px
          background: #3D4049
          border-radius: 6px
          border: 1px solid #979797
          color: #fff

        .ant-input-number
          &:last-child
            margin-right: 0

        .ant-input
          &:focus
            background: #4764EA
            box-shadow: 0 1px 2px 0 #252525
            border: 1px solid #8DA8FF

        .ant-input-number-handler
          &:hover
            .ant-input-number-handler-up-inner
              color: #fff

          &-wrap
            background: #282b32
            border-radius: 0 6px 6px 0
